<template>
  <div class="about">
    <h1>欢迎{{ $store.state.user }}</h1>
    <button @click="exit">exit</button>
  </div>
</template>
<script>
export default {
  methods: {
    exit() {
      this.$store.commit("exit");
      this.$router.push("/login");
    },
  },
  // beforeRouteEnter(to, from, next) {
  //   console.log(this);
  //   //因为 这个时候路由还没跳转 所以 实例也没有创建，就拿不到this
  //   next((vm) => {
  //     //next中第一个参数vm代表的就是vue实例也就是this
  //     console.log(vm);
  //     if (vm.$store.state.user) {
  //       next();
  //     } else {
  //       next("/login");
  //     }
  //   });
  // if (this.$store.state.user) {
  //   next();
  // } else {
  //   next("/login");
  // }
  // },
  //局部的守卫 比着之前多了一步拿到this的过程
};
</script>
